<!DOCTYPE html>
<html  ng-app="wxc">
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=medium-dpi" />
    <meta name="msapplication-tap-highlight" content="no" />
    <title>学生线上应聘</title>

    <!--=====================CSS部分=======================================-->
    <link href="css/normalize.css" rel="stylesheet">
    <!--<link href="http://www.runoob.com/static/ionic/css/ionic.min.css" rel="stylesheet">-->

    <!-- bootstrap组件 -->
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="lib/bootstrap/css/font-awesome.min.css" rel="stylesheet" >
    <link href="lib/bootstrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet" >

    <!--公共样式文件-->
    <link rel="stylesheet" type="text/css" href="css/themes.css" />
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link  rel="stylesheet" type="text/css" href="css/media.css">

    <!--=====================插件JS部分Start===============================-->

    <!--=================angular的JS部分==================================-->
    <script src="http://www.runoob.com/static/ionic/js/ionic.bundle.min.js"></script>
    <script src="lib/angular/angular.min.js"></script>
    <script src="lib/angular/angular-cookies.min.js"></script>
    <script src="lib/angular/angular-ui-router.min.js" type="text/javascript"></script>
    <script src="lib/angular/angular-resource.min.js" type="text/javascript"></script>

    <!--jquery -->
    <script type="text/javascript" src="lib/jquery.min.js"></script>

    <!-- bootstrap组件-->
    <script type='text/javascript' src='lib/bootstrap/js/bootstrap.min.js'></script>
    <script type='text/javascript' src='lib/bootstrap/js/bootstrap-datetimepicker.js'></script>
    <script type='text/javascript' src='lib/bootstrap/js/bootstrap-datetimepicker.zh-CN.js'></script>

    <!-- Fusion Charts组件-->
    <script type="text/javascript" src="lib/fusioncharts/fusioncharts.js"></script>
    <script type="text/javascript" src="lib/fusioncharts/themes/fusioncharts.theme.fint.js"></script>

    <!--=================项目的JS部分==================================-->
    <!--<script src="service/main.js"></script>-->
    <script src="js/controller.js"></script>
    <script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
</head>
<body class="page_messageSet" ng-controller="TopicDetailCtrl">
<div id="container" class="container">
    <!--页面的头部部分-->
    <header id="header">
        <span class="right_back_btn3"><i class="icon-edit"></i></span><!--<i class="icon-user"></i>-->
        <span class="back_btn"><i class="icon-angle-left"></i></span>
        <span class="header_title"><span>男生宿舍</span></span>
    </header>
    <div id="page_main">
    <div style="width:100%;height:100px;background:#a060b7">
    <div style="width:40%;height:65%;margin-left:auto;margin-right:auto;">
        <img style="margin-top:10px" src="../sxyapp/images/nanshengsushe_logo.png">
    </div>
        <div style="height:20%;margin-left:auto;margin-right:auto;margin-top:10px;color:#fff;text-align:center;">
            <l >今日新增：</l><l>2</l>

        </div>
    </div>
        <div style="padding:10px;background:#fff;width:100%;height:40px">

            <div style="width:48%;float:left;text-align:center; font-size:2.2rem;color:blue;background:#fff">
                最新
            </div>
            <div style="width:48%;float:right;text-align:center; font-size:2.2rem;color:black;background:#fff">
                热门
            </div>
        </div>

        <ion-list show-delete="data.showDelete" on-delete="onItemDelete(item)" option-buttons="itemButtons">
            <ion-item ng-repeat="item in topicitems" item="item" href="#/item/{{item.id}}"  >
                <div class="fourth_main" >
                    <div style="width:100%;height:50px;padding-top:5px;padding-bottom:5px">
                        <div style="width:15%;height:40px;margin-left:auto;margin-right:auto;float:left">
                            <img style="width:40px;height:40px" src="{{ item.headimage }}">
                        </div>
                        <div style="width:80%;height:40px;padding-left:10px">
                            <b>{{ item.name }}</b>
                            {{ item.school }}
                            <div style="width:1%;height:40px;float:right;text-align:right">
                                {{ item.time }}
                            </div>

                        </div>

                    </div>
                    <div style="width:100%;height:1px;background:gray"></div>
                    {{ item.content }}
                    <div style="width:30%;height:80px"> <img src="{{ item.image }}"></div>
<br>
                </div>
            </ion-item>
        </ion-list>
    </div>
</div>
</body>
</html>